.login-body {
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent url("./images/login-center.png") no-repeat;
  background-size: 100% 100%;

  .login-box {
    position: absolute;
    top: calc(14% + 3px);
    left: calc(19% + 2px);
    right: calc(19% + 2px);
    bottom: calc(6% + 3px);

    .logo {
      // background: transparent url("./images/login-logo.png") center center no-repeat;
      background-size: contain;
      margin: 0px calc(12% + 4.5px) calc(2% - 1px);
      height: calc(8% + 3px);

      .logoText {
        display: block;
        text-align: center;
        font-size: 38px;
        font-weight: bold;
        background-image: -webkit-linear-gradient(bottom, red, #fd8403, yellow);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

      }
    }

    .login-center-box {
      background: #ffffff;
      width: 100%;
      height: calc(70% + 1px);

      .login-left-box {
        width: calc(58% + 2px);
        height: 100%;
        background: url("./images/login-left-bg.png") center center no-repeat;
        background-size: cover;
        float: left;

      }

      .login-right-box {
        width: calc(42% - 5px);
        height: 100%;
        float: left;

        .el-icon {
          color: #0000ff;
          font-size: 16px;
        }

        .el-input-group__append {
          background: transparent;
          box-shadow: 0 0 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset, 0px 0 0 0 var(--el-input-border-color) inset;
        }

        h1 {
          text-align: center;
          margin: calc(16% + 3.5px) calc(44% + 3px) calc(7% + 3px) calc(44% + 3px);
          height: 16px;
          width: 60px;
          font-size: 15px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #333333;
        }

        .form-login-box {
          width: 100%;
          height: calc(49% + 4px);

          .el-row {
            margin: calc(3% + 4px) calc(17% + 1.2px);
            font-size: 15px;
            color: #999999;
            height: calc(7% + 2.5px);
            line-height: calc(7% + 2.5px);

            .el-input__wrapper {
              display: inline-flex;
              flex-grow: 1;
              align-items: center;
              justify-content: center;
              padding: 1px 11px;
              background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
              background-image: none;
              border-radius: 0px;
              transition: var(--el-transition-box-shadow);
              box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
              border-bottom: 1px var(--el-input-border-color, var(--el-border-color)) solid;
            }
          }

          .login-btn {
            margin-top: calc(12% + 1px);
          }
        }
      }
    }

    .login-shadow-box {
      background: transparent url("./images/shadow-box.png") center center no-repeat;
      height: calc(14% + 1px);
      background-size: contain;
      width: 100%;
    }

    .login-copyright {
      width: 100%;
      text-align: center;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
    }
  }


}
